<template>
    <!-- 顶部栏 (语言 工作时间 关于我们 常见问题等) -->
    <div class="header-top-wrap">
        <div class="container custom-container">
            <div class="row align-items-center">
                <div class="col-md-7">
                    <div class="header-top-left">
                        <ul>
                            
                            <li class="header-work-time">
                               工作时间: <span> {{ worktime.day }} :{{ worktime.hour }} ({{ worktime.msg }})</span>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="col-md-5">
                    <div class="header-top-right">
                        <ul>
                            
                            <li v-if="isLogin"> <span style="color: green;">{{ customer.nickname }}</span></li>
                            <li v-if="!isLogin"> <router-link :to="routes.registerlogin" style="color: purple" target="_blank">登录或注册</router-link></li>
                            <li> <router-link :to="routes.blog"   target="_blank">博客</router-link></li>
                            <li> <router-link :to="routes.about"  target="_blank">关于我们</router-link></li>
                            <li> <router-link :to="routes.contact"  target="_blank">联系我们</router-link></li>
                            <li> <router-link :to="routes.questions"  target="_blank">常见问题</router-link></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>
 
<script>

import { mapGetters, mapActions, mapMutations, mapState } from 'vuex';

export default {
    components: {

    },
    data() {
        return {
            worktime:{
                day:'周一~周六',
                hour:'8:00~21:00',
                msg:'节假日正常营业',
            },
            routes:{
                about:'/about',
                contact:'/contact',
                blog:'/blog',
                questions:'/questions',
                registerlogin:'/registerlogin'
            }
        }
    },
    computed: {
        ...mapState({
            customer:state=>state.customer.customer,
            account:state=>state.customer.account
        }),
        ...mapGetters('customer',['isLogin'])
    },
    created() {
       
    },
    mounted() {

    },
    watch: {

    },

    beforeCreate() {

    },
    beforeDestroy() {

    },
    deactivated() {

    },
}
</script>
<style>

</style>